import React,{Component} from "react";
import { HashRouter as Router,Route,} from "react-router-dom";
import Index from "./components/index/Index";
import Cart  from "./components/cart/Cart";
import My    from "./components/my/My";
import Category from "./components/category/Category";
import Tabbar from "./components/tabbar/Tabbar";
import SearchCenter from "./components/searchCenter/SearchCenter";
import GoodDetail from "./components/goodDetail/GoodDetail";
import GoodList from "./components/goodList/GoodList";

export default class RouterConfig extends Component {
    render() {
        return (
            <Router>
                <Route path="/" exact render={()=><Tabbar><Index></Index></Tabbar>}></Route>
                <Route path="/cart" exact render={()=><Tabbar><Cart></Cart></Tabbar>}></Route>
                <Route path="/my" exact render={()=><Tabbar><My></My></Tabbar>}></Route>
                <Route path="/category" exact render={()=><Tabbar><Category></Category></Tabbar>}></Route>
                <Route path="/searchCenter" exact render={ ()=><SearchCenter></SearchCenter> }></Route>
                <Route path="/goodDetail/:goods_id" exact render={ (props)=><GoodDetail {...props}></GoodDetail> }></Route>
                <Route path="/goodList/:query" exact render={(props)=><GoodList {...props}></GoodList>}></Route>
            </Router>
        )
    }
}

